<!doctype html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <style type="text/css">
      body,html,#container{
        height: 100%;
        margin: 0px;
      }
    </style>
    <title>快速入门</title>
  </head>
  <body>
    <div id="container" tabindex="0" style="width:600px;height:500px;margin:0 auto;"></div>
    <input type="text" id="test"/>
    <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=4990cdab3c3380d07514c5681fe3c9ff"></script>
    <script type="text/javascript">
        var map = new AMap.Map('container',{
            resizeEnable: true,
            zoom: 10,
            center: [112.50,34.10]
        });
        var marker = new AMap.Marker({
    		position: [112.50,34.10],//marker所在的位置
    		map:map//创建时直接赋予map属性
		});
		//也可以在创建完成后通过setMap方法执行地图对象
		marker.setMap(map);
		
		//地图控件
		AMap.plugin(['AMap.ToolBar','AMap.Scale','AMap.OverView'],
    function(){
        map.addControl(new AMap.ToolBar());

        map.addControl(new AMap.Scale());

        map.addControl(new AMap.OverView({isOpen:true}));
});
//添加地图标记
		marker = new AMap.Marker({
				position: [112.50,34.10],//北纬34度10分，东经112度50分
				title: '高德',
				map: map,
				
		    });

//地址与经纬度
AMap.service('AMap.Geocoder',function(){//回调函数
    //实例化Geocoder
    geocoder = new AMap.Geocoder({
        city: "010"//城市，默认：“全国”
    });
    //TODO: 使用geocoder 对象完成相关功能
})
//地理编码
geocoder.getLocation("北京市昌平区生命科学园博雅CC", function(status, result) {
    if (status === 'complete' && result.info === 'OK') {
        //TODO:获得了有效经纬度，可以做一些展示工作
        //比如在获得的经纬度上打上一个Marker
        console.log(result);
        console.log("经度："+result.geocodes[0].location.lng+" 纬度："+result.geocodes[0].location.lat)
    }else{
        //获取经纬度失败
    }
}); 
//输入提示 添加自动搜索插件
AMap.plugin('AMap.Autocomplete',function(){//回调函数
    //实例化Autocomplete
    var autoOptions = {
        city: "", //城市，默认全国
        input:"test"//使用联想输入的input的id
    };
    autocomplete= new AMap.Autocomplete(autoOptions);
    //TODO: 使用autocomplete对象调用相关功能
})

    </script>
  </body>
</html>
